<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="card.css">
    <title>修改标题</title>
</head>
<body>
    
    <a href="../../index.html">返回主页</a>

    <div class="accordion" onclick="toggleAccordion(this)" id="insertDiv">新增会员卡</div>
    <div class="accordion-content">
        <label for="card_name">会员卡名</label>
        <input id="card_name" type="text" placeholder="会员卡名" required>
        <label for="card_introduction">会员卡介绍</label>
        <input id="card_introduction" type="text" placeholder="会员卡介绍">

        <label for="is_support_group">支持团课</label>
        <input id="is_support_group" type="checkbox" placeholder="支持团课">

        <label for="is_support_team">支持小班课</label>
        <input id="is_support_team" type="checkbox" placeholder="支持小班课">

        <label for="is_support_vip">支持私教课</label>
        <input id="is_support_vip" type="checkbox" placeholder="支持私教课">

        <label for="is_limit_days">这是日期卡</label>
        <input id="is_limit_days" type="checkbox" placeholder="这是日期卡">

        <label for="is_limit_times">这是次数卡</label>
        <input id="is_limit_times" type="checkbox" placeholder="这是次数卡">

        <div id="forbid">
            <table id="forbidTable">
                <caption>选择你想特殊禁止的课程</caption>
                <thead>
                <tr>
                    <th>课程名称</th>
                    <th>课程介绍</th>
                    <th>课程类型</th>
                </tr>
                </thead>
                <tbody>
                <!-- 动态添加行 -->
                </tbody>
            </table>
            <!--这个选项会让表不再隐藏-->
            <label for="is_forbid_specialCkb">对某些特别的课程禁止</label>
            <input id="is_forbid_specialCkb" type="checkbox">
        </div>

        <div id="support">
            <table id="supportTable">
                <caption>选择你想特殊支持的课程</caption>
                <thead>
                <tr>
                    <th>课程名称</th>
                    <th>课程介绍</th>
                    <th>课程大类</th>
                    <th>课程类型</th>
                </tr>
                </thead>
                <tbody>
                <!-- 动态添加行 -->
                </tbody>
            </table>
            <!--这个选项会让表不再隐藏-->
            <label for="is_support_specialCkb">对某些特别的课程支持</label>
            <input id="is_support_specialCkb" type="checkbox">
        </div>


        <label for="price">标价</label>
        <input id="price" type="number" placeholder="标价" required>
        <button id="insertBtn">确认</button>
    </div>
    <script src="insert.js"></script>


    <div class="accordion" onclick="toggleAccordionAndSelect(this)" id="select">查看现有会员卡</div>
    <div class="accordion-content">
        <table id="selectTable">
            <thead>
                <tr>
                    <th>id</th>
                    <th>卡名</th>
                    <th>介绍</th>
                    <th>详细情况</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
    <script src="select.js"></script>


    <div class="accordion" onclick="toggleAccordion(this)">删除模块</div>
    <div class="accordion-content">
        <div id="delete">
            <label for="deleteInput">输入要删除的会员卡名称(提示:请不要试图删除已经有人在用的会员卡，这样不会成功，但是可能造成不可预料的影响)</label>
            <input type="text" name="deleteInput" id="deleteInput">
            <button id="deleteBtn">确认</button>
        </div>
    </div>
    <script src="delete.js"></script>

    <div class="accordion" onclick="toggleAccordion(this)">更多模块</div>
    <div class="accordion-content">

    </div>
    <script src="card.js"></script>

</body>
</html>